<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

    <%@ page import="leaveSystem.dao.*" %>
    <%@ page import="java.util.*" %>

<%@page import="leaveSystem.bizlogic.WorkScheduleManager"%>
<%@page import="leaveSystem.model.*" %>

<%String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#apDiv1 {
	position:absolute;
	width:938px;
	height:600px;
	z-index:1;
	background-color: Brown;
	left: 42px;
	top: -12px;
}
</style>

<script language="javascript" type="text/javascript" src="DateTimePicker.js">

//Date Time Picker script- by TengYong Ng of http://www.rainforestnet.com
//Script featured on JavaScript Kit (http://www.javascriptkit.com)
//For this script, visit http://www.javascriptkit.com 

</script>

<link href="css/Style.css" rel="stylesheet" type="text/css" />
<script src="/SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv2 {
	position:absolute;
	width:215px;
	height:169px;
	z-index:2;
}
#apDiv3 {
	position:absolute;
	width:256px;
	height:168px;
	z-index:2;
	left: 217px;
	top: 115px;
}
</style>
</head>

<body>

<jsp:useBean id="myBean" class="leaveSystem.model.CompensationTracking" scope="request" >
 </jsp:useBean> 
<%@ include file="Header.jsp"%>
		<table cellspacing="2" cellpadding="1" border="1" align="center" width="100%">
		<tr>
			<td width="300px" style="vertical-align: top"><%@ include file="Menu.jsp"%></td>
			<td>
  <p align="center"><b>APPLY LEAVE COMPENSATION</b></p>
 
  <form id="form1" name="form1" method="post" action="CompensationServlet">       
      Total OverTime Hours<input type="text" name="overtime"/>
      <input type="submit" name="submit" id="Proceed" value="Submit" />
    
  </form>
  
  <!--
    <div align="center">
      <table width="936" height="203" border="0">
        --><!--<tr>
          <td width="173">Name</td>
          <td width="185"><label for="empName"></label>
            <select name="empName" id="empName">
              <option>Select Employee Name</option>
              <option>Tom</option>
              <option>Harry</option>
          </select></td>
          <td width="141">Manager Name</td>
          <td width="192"><label for="managerName"></label>
            <select name="managerName" id="managerName">
              <option>Select Manager Name</option>
              <option>Vishal</option>
              <option>Ravi</option>
          </select></td>
           <td width="100">Type Of Leave</td>
          <td width="119"><select name="tol" id="tol" name = "tol" >
            <option>Compensation</option>
            <option>Sick</option>
            <option>Child Care</option>
          </select></td> 
        </tr>
       --><!--  <tr>
          <td>Leave Start</td>
          <td><input type="text" name = "leaveStart" id="start" maxlength="25" size="25"><a href="javascript:NewCal('start','ddmmmyyyy',true,24)"><img src="/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a></td>
          <td>Leave End</td>
          <td><input type="text" name = "leaveEnd" id="end" maxlength="25" size="25"><a href="javascript:NewCal('end','ddmmmyyyy',true,24)"><img src="/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a></td>
          
        </tr> --><!--
        <tr>
          <td>OverTime Start</td>
          <td><input type="text" id="compStart" maxlength="25" size="25"><a href="javascript:NewCal('compStart',true,24)"><img src="images/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a></td>
          <td>OverTime End</td>
          <td><input type="text" id="compEnd" maxlength="25" size="25"><a href="javascript:NewCal('compEnd',true,24)"><img src="images/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a></td>
         
        </tr>
        <tr>
        	
        </tr>
        <tr>
          <td>Reason</td>
          <td colspan="5"><label for="reason"></label>
          <textarea name="reason" id="reason" cols="100" rows="5"></textarea></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td><div align="right">
            <input type="reset" name="Reset" id="Reset" value="Reset" size="20" />
          </div></td>
          <td><div align="right">
            <input type="submit" name="Submit" id="Submit" value="Submit" />
          </div></td>
        </tr>
      </table> --><!--
 

       <form id="form2" name="form2" method="get" action="CompensationServlet">
      
           
           <table width="934" height="163" border="1">
           <tr>
              <td width="96">Leave ID</td>
              <td width="124">Date Of Application</td>
               <td width="80">Leave Start</td>
              <td width="95">Leave End</td>
              <td width="107">Type Of Leave</td> 
              <td width="91">Reason</td>
              <td width="101">Approval Status</td>
              <td width="88">Approval By</td>
              <td width="114">Date Of Approval</td>
            </tr>
            
            	<c:forEach var="comp" items="${requestScope.CompensationLeave}">
            	<tr>
	                          
	                 <td>${comp.idLeave_Compensation }</td>
	                <td>${comp.date_Of_Appli}</td>
	                  <td>${comp.reason }</td>
	                 <td>${comp.status}</td>
	                 <td>${comp.approvedBy}</td>
	                <td>${comp.date_Of_Approval}</td>
              	</tr>
            	</c:forEach>
           
          <tr>
          <td><div align="right">
            
            <a href="/LeaveApplicationSystem/CompensationServlet">Load History</a>
          </div></td>
          </tr>
          </table>
          </form>
       
  --><p align="center">&nbsp;</p>
</td></tr></table>
<script type="text/javascript">
	var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>
